<template>
  <view class="login">
    <view class="login-tel">
      <view class="tel-main">
        <view class="close">
          <image class="close" src="../../static/close.jpg" mode="" />
        </view>
        <view class="logo">
          <image class="logo" src="../../static/logo.png"></image>
        </view>
        <view class="tel">手机号注册</view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {}
  },
  methods: {},
}
</script>
<style>
.login-tel {
  width: 100vw;
  height: 100vm;
}
.tel-main {
  padding: 0 20rpx;
}
.close {
  width: 60rpx;
  height: 60rpx;
}
.tel {
  width: 100%;
  height: 100rpx;
  text-align: center;
  line-height: 100rpx;
  font-size: large;
  background-color: aqua;
  color: wheat;
  border-radius: 50rpx;
}
</style>
